@charset "utf-8";
/* 狮吼TV */

body      { margin:0; font-size:14px; font-family:"微软雅黑";  color:#e7e1d3; }
.wrap img { width:100%; display:block; }
.bg       { background:url(../img/repu.png) repeat-y; background-size:100%; padding-bottom:22%;}
.bg2       { background:url(../img/repu2.png) repeat-y; background-size:100%; padding-bottom:22%;}
.phbrule   { width:45px; height:53px; position:fixed; top:0; right:10px; z-index:3; background:url(../img/phbrule.png) no-repeat; background-size:100%;}
.gamerule  { width:45px; height:53px; position:fixed; top:0; right:10px; z-index:3; background:url(../img/gamerule.png) no-repeat; background-size:100%; }
.sharebtn2 { width:60px; height:64px; position:fixed; bottom:17%; right:10px; z-index:3; background:url(../img/shareliwu.png) no-repeat; background-size:100%;}
/*老虎机*/
.mian      { width:100%; position:relative; background:url(../img/bg1.jpg) no-repeat;background-size:100%; overflow:hidden; }
.TigerJi   { width:320px;height:295px; margin:37% auto 0; }
.container { width:320px; height:224px; margin:0 auto;position:relative;}
.main2     { width:320px;height:295px; background:url(../img/choujiang.png) no-repeat; background-size:320px 295px; margin:0 auto;}
.num       { position:absolute;left:72px;top:120px;width:57px;height:53px;overflow:hidden;}
.num-con   { position:relative;top:-0px;}
.num-img   { background:url(../img/num.png) no-repeat; width:57px;height:513px; margin-bottom:4px;}
.num2      { left:133px;}
.num3      { left:195px;}
.num-con2  { top:-53px;}
.num-con3  { top:-106px;}



.chouJ     { display:block; width:110px; height:48px; background:url(../img/ljyj.png) no-repeat; background-size:110px 48px; margin:0 auto;}
.chance    { height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff;}
.chance em { color:#ffe82a; font-size:22px;}
.sharebtn  { display:block; width:42%; margin:20px auto 0;} 
.p1        { width:80%; margin:15px auto 0;}

.footer    { padding:10px 0; width:100%; overflow:hidden; position:fixed; bottom:0; left:0; background:#875731; border-bottom:2px solid #5c3b21; z-index:2;}
.footer li { width:33.3%; float:left;}
.footer li a { width:90%; margin:0 auto; display:block;}
/**/
/*弹窗*/
.mask        { display:none; background:url(../img/7.png) repeat; width:100%; height:100%; position:fixed; left:0; top:0; z-index:4;}
.tcbg        { display:none; width:86%; border-radius:12px;  border:2px solid #8d5b34; position:fixed; left:7%; top:15%; z-index:5; }
.yXrule      { border:2px solid #764d2a; height:100%; border-radius:10px; padding:25px 0 10px; background:#fff6d9; position:relative;}
.Tantitle    { position:absolute; top:-30px; left:50%; margin-left:-100px; z-index:6; width:201px; height:59px; }
.Tantitle img{ display:block; width:201px; height:59px;}
.rule        { padding:0 15px; height:240px; overflow:scroll; overflow-x:hidden;}
.tcbg p      { font-size:12px; line-height:18px; color:#312012; margin:2px 0;}
.rule span   { color:#8a5530; display:block; height:30px; line-height:30px; margin:5px 0; font-weight:bold; margin:5PX 0;SS font-size:16px;}

.close       { width:50%; margin:15px auto 0; display:block;}
.close img   { display:block; width:100%;}
.dzprule .a  { margin:35px auto 0;}
.dzprule p   { padding:0 15px;}

.shareLw     { display:none; width:70%; position:fixed; left:50%; margin-left:-35%; top:25%; z-index:5;}
.shareLw .close { margin:-22% auto 0;}

.zjpop       { display:none; width:80%; position:fixed; left:50%; margin-left:-40%; top:25%; z-index:5;}
.zjpop span  { width:90%; font-size:20px; color:#ffc80e; height:30px; line-height:30px; position:absolute; left:5%; top:15px; text-align:center;}
.zjpop span a{font-size:20px; color:#ffc80e;}
.zjpop p     { position:absolute; top:15%; width:90%; left:5%; font-size:12px; color:#fff8d1;}
.zjMain      { position:relative;}
.zjMain .zjjpImg    { width:70px; height:65px; position:absolute; left:50%; margin-left:-35px; top:20%; z-index:6; overflow:hidden;}
.zjMain .zjjpImg em { width:70px; height:585px; position:absolute; left:0; top:0; background:url(../img/num2.png) no-repeat; z-index:7;}
.zjshare       { position:absolute; bottom:8%; width:50%; left:50%; margin-left:-25%; z-index:6;}
.zjjpImg       { position:absolute; }

/*分享*/
.header         { position:relative}
.header .chouJ  { position:absolute; top:5%; left:50%; margin-left:-55px;}
.xiazai         { width:70%; margin:0 auto; display:block;}
.shareTanC      { display:block;}
.xiazai1        { position:absolute; bottom:11%; width:50%; left:50%; margin-left:-25%; z-index:6;}
/*排行榜*/
.phbruletan span{ color:#c82d36;}
.phbMain        { width:100%; padding:0 0 20px 0; background:url(../img/bg3.jpg) no-repeat; background-size:100%;}
.phbTab         { position:relative; width:90%; margin:0 auto; height:40px;}
.phbTab li      { position:absolute; width:51%;top:0; z-index:1; background:#e8424c; z-index:2; border:3px solid #b22d34; box-sizing: border-box;  border-bottom:3px solid #b22d34;  border-radius:15px 15px 0 0;  height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:bold;}
.phbTab li.curr { background:#f6f6f6; box-sizing: border-box;  border-bottom:none; z-index:5;  }
.phbTab li.curr a{ color:#c82d36;}
.phbTab li a    { display:block; color:#fff;}
.bx     { left:0;}
.sd     { right:0;}


/*登录*/
.Nenroll,.enroll   { width:90%; margin:12px auto 0; position:relative; color:#ffda00; height:30px;  background:#e3e3e3; border-radius:15px; color:#c82d36; }
.Nenroll p         { position:absolute; left:20px; height:30px; line-height:30px; width:62%; overflow:hidden; font-size:12px; top:0; z-index:2;}
.Nenroll a         { width:25%; height:30px; line-height:30px; text-align:center; position:absolute; right:10px; top:0; z-index:2;font-size:12px;color:#c82d36;}
.enroll a          { position:absolute; width:100%; height:30px; line-height:30px; text-align:center; color:#c82d36; font-size:12px; left:0; top:0; z-index:2;}
.enroll em         { width:50%; float:left; display:block;}

.box                { display:none; width:90%; margin:0 auto ; overflow:hidden; background:#f6f6f6; border:3px solid #b22d34;box-sizing: border-box; border-top:none; border-radius:0 0 15px 15px; }
.box ul             { overflow:hidden;}
.box ul li          { width:50%; padding:10px 0; float:left; position:relative;}
.box ul li span     { width:62%; color:#ae8339; font-size:14px; float:left; }
.box ul li span p   { overflow:hidden; height:20px; line-height:20px;}
.box ul li span .number a { font-size:12px; color:#e8424c; overflow:hidden;}
.box ul li span p a       { color:#454545; overflow:hidden;}
.box .font1 .iconImg      { width:43px; height:43px; float:right; display:block; margin-right:5px; border-radius:50%;}
.box .font2 .iconImg      { width:43px; height:43px; float:left; display:block; margin-left:5px;border-radius:50%;}
.box ul li:nth-child(even){  float:right;}
.font                     { width:90%; float:left;}
.font2                    { float:right; text-align:left; width:92%;}
.font1                    { float:left; text-align:right; width:92%; }
.box ul li .font1 span    { margin-right:1%;}
.box ul li .font2 span    { margin-left:1%; float:right;}
.fjh a         { max-width:98%; }
.icon          { color:#48413c; font-size:14px; position:absolute; width:20px; height:20px; line-height:20px; border-radius:50%;text-align:center; left:-10px; top:21px; z-index:2;}
.no1      { background:#f3c527; font-size:12px; color:#fff; }
.no2      { background:#a2ac9f; font-size:12px; color:#fff; }
.no3      { background:#b09479 ;font-size:12px; color:#fff; }

/*祝福墙*/
.headerGu             { position:fixed; left:0; top:0; width:100%; z-index:99999;}
.common               { width:100%; overflow:hidden; margin-top:30%; }
.common .title        { width:70%; margin:26px auto 0; display:block;}
.commonTab            { width:100%;  position:relative; }
.commonMenu           { width:60%; height:30px; overflow:hidden; position:fixed; top:12%; left:20%; z-index:99999;}
.commonMenu a         { float:left; width:50%; height:30px; line-height:30px; color:#55453b; text-align:center; font-size:16px; }
.commonMenu a.curr    { color:#cc381e;} 
.commonWrap {  }
.commonIn   { width:100%; height:45px; display:none; background:#fffeff; position:fixed; left:0; bottom:0; z-index:999;  }
.commonInCont { padding:6px 70px 0 10px; height:34px; position:relative; }
.commonInCont input { width:100%; height:33px; border-radius:5px; text-indent:10px; background:#f0f0f0; }
.commonInCont .btnFs { width:50px; height:33px; display:block; background:url(../img/spend.png) no-repeat; background-size:50px 33px; position:absolute; right:10px; top:6px; z-index:3; }


.nav                  { background:url(../img/2.png) repeat; height:50px; border-radius:8px; width:95%; margin:10px auto 0; overflow:hidden;}
.nav span             { width:40px; height:40px; margin:5px 9px 0 5px; border-radius:50%; overflow:hidden; }
.nav .spend           { width:50px; height:33px; float:right; margin:9px 9px 0 0; }
.nav input            { margin-top:9px; width:50%; height:33px; color:#55453b; }
.nav em               { margin-top:17px; height:33px; display:block; color:#e7e1d3; padding-left:10px; }
.line                 { margin:0 7% 0 8px;}
.nav a,.nav span,.nav input { float:left; padding-left:10px; }

.list li              { margin:10px auto 0;  width:95%; }
.list .listTitle      { background:#d8cfc0; overflow:hidden; padding:10px; border-radius:8px 8px 0 0; border-bottom:1px solid #f7efde; }
.list .listTitle span { float:left; width:85%; line-height:20px; color:#55453b; }
.list .listTitle a    { float:right; width:15%; }

.list .listFont       { background:#d8cfc0; color:#55453b; height:20px; line-height:20px; overflow:hidden; padding:10px; border-radius:0 0 8px 8px; }
.list .listFont a     { float:left; color:#55453b; width:65%; overflow:hidden; }
.list .listFont span  { float:right; width:34%; overflow:hidden; text-align:right; }
.list .listFont a em  { width:24px; height:24px; display:inline-block; border-radius:12px; vertical-align:middle; overflow:hidden; }
.list .listFont a em img { width:24px; height:24px; }
.list .listFont a i   { margin:-3px 2px 0 3px; width:54px; height:20px; line-height:20px; vertical-align:middle; display:inline-block; font-style:normal; overflow:hidden; }

.phbWrap      { width:39px; height:39px; display:block; position:relative; }
.phb1 ul li .phbWrap span { border-radius:50%; width:40px; height:40px; display:block; filter:alpha(opacity=70); opacity:0.7; background:#000; position:absolute; left:0; top:0; z-index:3; }
.loader-inner { margin:-10px 0 0 -10px; width:20px; height:20px; position:absolute; left:50%; top:50%; z-index:5; }
.phbWrap em   { width:39px; height:14px; background:url(../img/live.png) center center no-repeat; background-size:30px 14px; position:absolute; bottom:-4px; left:0; z-index:99999999;}
.phbWrap  img    {  border-radius:50%;}

@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }
  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }
  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

.line-scale-pulse-out > div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
          animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
  .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
    -webkit-animation-delay: -0.4s !important;
            animation-delay: -0.4s !important; }
  .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
    -webkit-animation-delay: -0.2s !important;
            animation-delay: -0.2s !important; }
.line-scale-pulse-out > div { border-radius: 1px; display: inline-block; float: left; height: 20px; margin: 0 1px; width: 2px;}


@media screen and (min-width:375px)
{
	
}
@media screen and (min-width:414px)
{
	
}







